<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /***********************************
            1.请写出javascript的三种循环
        ***********************************/
            var a = 1;
            var sum = 0;
            var sum1 = 0;
            while(a <= 10){
                if(a % 2 == 0){
                    sum += a;
                }else{
                    sum1 += a;
                }
                n++;
            }
            console.log(sum,sum1);

            var b = 1;
            var sum = 0;
            var sum1 = 0;
            do{
                console.log(sum,sum1)
            }
            while(a <= 10){
                if(a % 2 == 0){
                    sum += b;
                }else{
                    sum1 += b;
                }
                n++;
            }
            console.log(sum,sum1);

            for(var i = 1,j = 0;i <= 100;i++){
                if(i % 5 == 0){
                    j += i;
                }
            }
            console.log(j);

            document.write("<p style='text-align:center'>");
            for(var i = 1;i <= 9;i++){
                for(var j = 1;j <= i;j++){
                    document.write("&nbsp;&nbsp;" + "*" + "&nbsp");
                }
                document.write("<br>")
            }
            document.write("</p>");

 
        /***********************************
            2.在控制台中用循环输出 0 0.2 0.4 0.6 0.8 1
        ***********************************/
        for(var i = 0;i<=1;i += 0.2){
                console.log(i);
            }

        for(var i = 0;i<6;i++){
                console.log(i / 5);
            }

        /***********************************
            3.请写出break和continue作用和区别
            break:直接结束整个循环
            continue：跳过当前的循环，继续下一次的循环
        ***********************************/

        /***********************************
            4.循环输出1-100 里的奇数
        ***********************************/
        var i = 1;
            while(i <= 100){
                if(i % 2 != 0){
                    console.log(i);
                }
            i++;
            }
            
            for(var i = 1;i <= 100;i++){
                if(i % 2 != 0){
                    console.log(i);
                }
            }


        /***********************************
            5.有一座桥，当你身上所拥有的钱大于 30000 时，每过一次桥则需要支付 3000 元。当你身上的钱小于或等于 30000 时，每过一次桥则需要支付你身上 10%的钱。已知有一个人身上有 33000 元，问此人能过这座桥多少次之后，身上的钱会少于 100 块?
        ***********************************/
        var i = 33000,j=0;
            while(i >=100){
            if(i > 30000){
                i -= 3000;
            }else if(i >= 100  && i <= 30000){
                i *=0.9;
            }
            j++;
            }
        comsole.log(j);


        /***********************************
            6.小明去存 1000 钱，每天会产生 1%的利息，求问，30 天后，小明可以拿回多少钱
        ***********************************/
        for(var i =1 ,j=1000;i <=30;i++){
                j *=1.01;
            }
            console.log(j);


        /**********************************
            7.小明题目升级版，小明拿着1000块在周一买入基金，一开户立给10块红利，逢周六日没有利息，平时利息为1%，请问30天后，小明可以拿回多少钱？
        **********************************/
        for(var i=1,j=1000;i <= 30;i++){
                if(i = 1){
                    j += 10;
                }
                if(i % 6 == 0 || i % 7 ==0){
                    j *= 1;
                    continue;
                }else{
                    j *=1.01;
                }
            }
            console.log(j)

            
       /***********************************
            8. 制作一个乘法口诀表:
        ***********************************/
        document.write("<div style='display:flex;flex-wrap:wrap;'>");
            for(var i = 1; i <= 9;i++){
                document.write("<div>");
                for(var j=1,sum;j<=9;j++){
                    sum = i * j;
                    document.write("<div>");
                    document.write("&nbsp;&nbsp;" + i + "*" + j + "=" + sum +"&nbsp;&nbsp;");
                    document.write("</div>");
                }
                document.write("</div>");               
            }
            document.write("</div>");

            document.write("<table border='1' cellspacing='0' cellpadding='5'>");
            for(var i = 1; i <= 9;i++){
                document.write("<tr>");
                for(var j=1,sum;j<=9;j++){
                    sum = i * j;
                    document.write("<td>");
                    document.write("&nbsp;&nbsp;" + j + "X" + i + "=" + sum +"&nbsp;&nbsp;");
                    document.write("</td>");
                }
                document.write("<tr>");               
            }
            document.write("</table>");

            document.write("<table border='1' cellspacing='0' cellpadding='5'>");
            for(var i = 1; i <= 9;i++){
                document.write("<tr>");
                for(var j=1,sum;j<=i;j++){
                    sum = i * j;
                    document.write("<td>");
                    document.write("&nbsp;&nbsp;" + j + "X" + i + "=" + sum +"&nbsp;&nbsp;");
                    document.write("</td>");
                }
                document.write("<tr>");
                
            }
            document.write("</table>");


        /**********************************************
            9.制作一个黑白棋盘   奇数行 && 奇数列 || 偶数行 && 偶数列
        **********************************************/
        document.write("<table cellspacing='0' width='300' height='300'>");
            for(var i=1;i<=8;i++){
                document.write("<tr>")
                for(var j=1;j<=8;j++){
                    if(i % 2 !== 0 && j % 2 !== 0 || i % 2 == 0 && j % 2 == 0){
                        document.write("<td style='background-color:#000'></td>")
                    }else{
                        document.write("<td style='background-color:#fff'></td>")
                    }
                }
                document.write("</tr>")
            }
            document.write("</table>");
    </script>
</body>

</html>